/* 外部样式表：1.css编码集【外链去掉-】 
              utf-8表示为"utf8"
				注意：后面分好不能用中文输入法、不可以去掉		 
 */
@charset "utf8";
/* 通配选择器：统一规划页面上的样式：文字、超链接样式、盒模型统一，
              针对外边距【有部分元素存在外边距】
              列表针对两个列表自带样式【去掉列表样式】
			   颜色
 */
*{
   font-family: 微软雅黑,sans-serif;
	text-decoration: none;
    list-style-type: none;
	margin: 0;  /* h1 p div ul ol li..这些元素自带外边距*/
	padding: 0;
	color: #ff0000;
}
/* 给所有div元素添加圆 300*300 文字垂直居中 放大*/
 div{
				 width: 300px;
				 height: 300px;
				 border: 1px solid red;
				 border-radius: 50%;
				 font-size: 5em;
				 text-align: center;
				 line-height: 300px;
				 /* 浮动 float： none  默认不浮动  
				                left   左浮动        元素变成块元素，脱离文档流
				                right  右浮动        元素变成块元素，脱离文档流，按照顺序：首元素靠右【列表元素内容颠倒】
				    清除浮动 clear： left  清除左浮动
								    right 清除右浮动
									both  清除两侧浮动
				  */
				 float: right
				 
			 }
.d1{
	background-color: aqua;
}
.d2{
	background-color: aliceblue;
}
.d3{
	background-color: #55aaff;
}
.d4{
	background-color: #55ff7f;
	clear: right;
	/* 外边距 */
	margin-right: 82%;
	margin-top: -300px;
}